<template>
	<!-- 调用组件 -->
	<home-header></home-header>
	<home-swipers :swiperList='swiperList'></home-swipers>
	<home-icons :IconList='IconList'></home-icons>
	<home-six :Sixlist='Sixlist'></home-six>
	<home-end></home-end>
</template>

<script>
	//引入Header.vue
	import HomeHeader from './pages/Header'
	import HomeSwipers from './pages/Swipers'
	import HomeIcons from './pages/Icons'
	import HomeSix from './pages/Six'
	import HomeEnd from './pages/End'
	import axios from 'axios'
	//导出组件 HomeHeader
	export default{
		components:{
			HomeHeader,
			HomeSwipers,
			HomeIcons,
			HomeSix,
			HomeEnd,
		},
		data(){
			return{
				"swiperList":[],
				"IconList":[],
				"Sixlist":[],
			}
		},
		mounted(){
				axios.get('./dataHome.json').then((res)=>{					
					const msg=res.data.data[0];
					this.swiperList=msg.swiperList;
					this.IconList=msg.IconList;
					this.Sixlist=msg.Sixlist;
				})	
			}
	}
</script>

<style>
</style>
